<template>
	<view class="">
		<u-popup bgColor="transparent" :show="show" :closeable="false" :overlay="false">
			<view v-if="z_show" class="gz_gzh">
				<u--text @click="close" prefixIcon="close" color="#f4f4f5" iconStyle="margin-right:10rpx"
					text="关注公众号开启消息提示功能"></u--text>
				<u-button :customStyle="{width: '180rpx'}" type="error" shape="circle" text="立即关注"
					@click="gotoFollowOfficialAccount"></u-button>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name: "FollowOfficialAccount",
		props: {
			show: {
				type: Boolean,
				default: false
			},
		},
		data() {
			return {
				z_show: true
			};
		},

		methods: {
			close() {
				this.z_show = false;
			},
			gotoFollowOfficialAccount() {
				uni.navigateTo({
					url: '/pages/official-account/official-account'
				})
			},

		}
	}
</script>

<style scoped lang="scss">
	.gz_gzh {
		// background-color: #303133;
		background: rgba(0, 0, 0, 0.6);
		padding: 20rpx;
		display: flex;
	}

	.bell_icon {
		width: 80rpx;
		position: fixed;
		top: 50rpx;
		right: 0;
		background-color: #ffd91d;
		padding: 10rpx;
		border-radius: 20rpx 0 0 20rpx;
		box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.2), 0 6rpx 20rpx 0 rgba(0, 0, 0, 0.19);
		z-index: 999;
	}
</style>